﻿<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
	<!-- Google Chrome Frame也可以让IE用上Chrome的引擎: -->
	<meta name="renderer" content="webkit">
	<!--国产浏览器高速模式-->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="author" content="穷在闹市" />
	<!-- 作者 -->
	<meta name="revised" content="穷在闹市.v3, 2019/05/01" />
	<!-- 定义页面的最新版本 -->
	<meta name="description" content="网站简介" />
	<!-- 网站简介 -->
	<meta name="keywords" content="搜索关键字，以半角英文逗号隔开" />
	<title>穷在闹市出品</title>

	<!-- 公共样式 开始 -->
	<link rel="stylesheet" type="text/css" href="../../css/base.css">
	<link rel="stylesheet" type="text/css" href="../../css/iconfont.css">
	<script type="text/javascript" src="../../framework/jquery-1.11.3.min.js"></script>
	<link rel="stylesheet" type="text/css" href="../../layui/css/layui.css">
	<script type="text/javascript" src="../../layui/layui.js"></script>
	<!-- 滚动条插件 -->
	<link rel="stylesheet" type="text/css" href="../../css/jquery.mCustomScrollbar.css">
	<script src="../../framework/jquery-ui-1.10.4.min.js"></script>
	<script src="../../framework/jquery.mousewheel.min.js"></script>
	<script src="../../framework/jquery.mCustomScrollbar.min.js"></script>
	<script src="../../framework/cframe.js"></script>
	<!-- 仅供所有子页面使用 -->
	<!-- 公共样式 结束 -->

	<script src="../../js/out_intoData.js"></script>

</head>

<body>
<div class="cBody">
	<div class="layui-tab" lay-filter="myPage">
		<ul class="layui-tab-title">
			<li class="layui-this" lay-id="historyList">历史列表</li>
			<li lay-id="todayList" id="todayBtn">今日列表</li>
		</ul>
		<div class="layui-tab-content">
			<div class="layui-tab-item layui-show">
				<table class="layui-table">
					<thead>
					<tr>
						<th>单号</th>
						<th>商品名称</th>
						<th>入库日期</th>
						<th>地区</th>
						<th>回收类型</th>
						<th>回收人</th>
						<th>下单时间</th>
						<th>到账时间</th>
						<th>分配人员</th>
					</tr>
					</thead>
					<tbody>

					</tbody>
				</table>
				<!-- layUI 分页模块 -->
				<div id="pages1"></div>
				<script>
                    /**layui.use(['laypage', 'layer'], function() {
								var laypage = layui.laypage,
									layer = layui.layer;

								//总页数大于页码总数
								laypage.render({
									elem: 'pages1',
									count: 30,
									layout: ['prev', 'page', 'next', 'limit', 'skip'],
									jump: function(obj) {
										console.log(obj)
									}
								});
							});*/
				</script>
			</div>
			<div class="layui-tab-item">
				<table class="layui-table">
					<thead>
					<tr>
						<td>单号</td>
						<td>商品名称</td>
						<td>入库日期</td>
						<td>省</td>
						<td>市</td>
						<td>回收类型</td>
						<td>下单时间</td>
						<td>到账时间</td>
						<td>分配人员</td>
					</tr>
					</thead>
					<tbody>

					</tbody>
				</table>
			</div>
		</div>
	</div>
	<!-- layUI 分页模块 -->
	<div id="pages2"></div>
	<script>
        layui.use(['laypage', 'layer'], function() {
            var laypage = layui.laypage,
                layer = layui.layer;

            //总页数大于页码总数
            laypage.render({
                elem: 'pages2',
                count: 100,
                layout: ['prev', 'page', 'next', 5, 'skip'],
                jump: function(obj) {
                    console.log(obj)
                }
            });
        });

        layui.use('element', function() {
            var element = layui.element;

            //获取hash来切换选项卡，假设当前地址的hash为lay-id对应的值
            var layid = location.hash.replace(/^#test1=/, '');
            element.tabChange('myPage', layid); //假设当前地址为：http://a.com#test1=222，那么选项卡会自动切换到“发送消息”这一项

            //监听Tab切换，以改变地址hash值
            element.on('tab(myPage)', function() {
                location.hash = 'test1=' + this.getAttribute('lay-id');
                console.log(this.getAttribute('lay-id'));

            });
        });



        $.getJSON("/ordermaster/selectByInData.do",function(list){
            $("tbody").empty();
            for(var i in list){
                var om = list[i];
                var str="<tr>";
                str+="<td>"+om.orderSn+"</td><td>"+om.productName+"</td><td>"+om.inData+"</td><td>"+om.province+"</td><td>"+om.city+"</td><td>" +om.other1+"</td><td>"+om.createTime+"</td><td>" +om.payTiume+"</td><td><select name=\"other1\" id=\"other1\"></select>";
                str+="</td></tr>";
                $("tbody").append(str);
            }
        });
        $.ajax({
            url:"findAllEmployee.json",
            dataType:"json",
            success:function(data){
                for(var i in data){
                    $("#other1").append("<option value='"+data[i].employeeId+"'>"+data[i].employeeId+"</option>");
                }
            }
        });


        $("#todayBtn").click(function () {
            var date=new Date();
            $.getJSON("/ordermaster/selectByInData.do",date,function(list){
                $("tbody").empty();
                for(var i in list){
                    var om = list[i];
                    var str="<tr>";
                    str+="<td>"+om.orderSn+"</td><td>"+om.productName+"</td><td>"+om.inData+"</td><td>"+om.province+"</td><td>"+om.city+"</td><td>" +om.other1+"</td><td>"+om.createTime+"</td><td>" +om.payTiume+"</td><td> <select name=\"other1\" id=\"other1\"></select>";
                    str+="</td></tr>";
                    $("tbody").append(str);
                }
            });
            $.ajax({
                url:"findAllEmployee.json",
                dataType:"json",
                success:function(data){
                    for(var i in data){
                        $("#other1").append("<option value='"+data[i].employeeId+"'>"+data[i].employeeId+"</option>");
                    }
                }
            });
        })


	</script>
</div>
</body>

</html>